import React from 'react';
import Tooltip from '@material-ui/core/Tooltip';
import { withStyles } from '@material-ui/core/styles';

const Stip = withStyles(theme => ({
    tooltip: {
        fontSize: 14,
    },
}))(Tooltip);

const Tip = ({ children, title, pos="top-start" }) => <Stip title={title} placement={pos} interactive>{children}</Stip>;

export {Tip};
